<template>
  <div>
    <h2>学生姓名：{{name}}</h2>
    <h2>学生性别：{{sex}}</h2>
    <button @click="sendStudentName">点我传递学生姓名</button>
    <button @click="unbind">解绑自定义事件</button>
  </div>


</template>

<script>
export default {
  name: "ZiDingYiShiJianJieBangStudent",
  data() {
    return {
      name:'JOJO',
      sex: '男'
    }
  },
  methods: {
    sendStudentName() {
      this.$emit('jojo', this.name)
    },
    unbind() {
      //解绑一个自定义事件
      //this.$off('jojo')
      //解绑多个自定义事件
      //this.$off(['jojo'])
      //解绑所有自定义事件
      this.$off()
    }
  }
}
</script>

<style scoped>

</style>
